<template>
  <div class="home">
   
<table width="100%" border="0" cellspacing="0" cellpadding="0"     class="describe_text p_margin">
          <tr>
            <td width="35%">葡萄酒类型</td>
            <td width="65%" class="grey">红葡萄酒,半干型葡萄酒</td>
          </tr>
          <tr>
            <td width="35%">葡萄品种</td>
            <td width="65%" class="grey">西拉</td>
          </tr>
          <tr>
            <td width="35%">酒精度</td>
            <td width="65%" class="grey">13.5%vol</td>
          </tr>
          <tr>
            <td width="35%">规格</td>
            <td width="65%" class="grey">750ml</td>
          </tr>
          <tr>
            <td width="35%">所属国家</td>
            <td width="65%" class="grey">澳大利亚</td>
          </tr>
          <tr>
            <td width="35%">推荐度</td>
            <td width="65%" class="grey">3</td>
          </tr>
          <tr>
            <td width="35%">品尝温度</td>
            <td width="65%" class="grey">16℃-18℃</td>
          </tr>
          <tr>
            <td width="35%">色泽</td>
            <td width="65%" class="grey">宝石红</td>
          </tr>
          <tr>
            <td width="35%">香味</td>
            <td width="65%" class="grey">成熟的红梅、桑葚、以及香草的味道；</td>
          </tr>
          <tr>
            <td width="35%">口感</td>
            <td width="65%" class="grey">口感顺滑,带有辛香料味,整体平衡。</td>
          </tr>
          <tr>
            <td width="35%">产区</td>
            <td width="65%" class="grey">东南澳</td>
          </tr>
          <tr>
            <td width="35%">享用期</td>
            <td width="65%" class="grey">10年</td>
          </tr>
          <tr>
            <td width="35%">搭配菜肴</td>
            <td width="65%" class="grey">牛排、羊排等食物</td>
          </tr>
</table>
  </div>
</template>

<script>
export default {
  name: 'xinxi',
  data () {
    return {
      msg: '<h1>这是xinxi页面</h1>'
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.home{
	width:100%;
	height:100%;

}
tbody{
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;

}
tr{
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
td{
     border-bottom: 1px solid #dedede;
    border-right: none;
    border-left: 1px solid #dedede;
    border-top: none;
    padding: 3% 0;
    padding-left: 5%;
}
</style>